<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>css层叠样式表</title>
  <link rel="stylesheet" href="./css/reset.css">
  <style>
    li {
        float: left;
        list-style: none;
        background-color: yellow;
        /*外边距影响元素之间的距离*/
        margin: 10px 10px 20px;
        /*内边距影响边框和内容区之间的距离*/
        padding: 10px 10px;
    }
  </style>
</head>
<body>
<ul>
  <li style="color: red">层叠性</li>
  <li>继承性</li>
  <li>权重 0 0 0 0</li>
</ul>
</body>
</html>